<template>
  <div v-if="dataList.length !== 0">
    <div class="header">
      <div>柯桥区行政事业单位基本情况表</div>
    </div>
    <div class="container">
      <div class="listWrap">
        <div class="leftClass">单位名称</div>
        <div class="middleClass"></div>
        <div class="rightClass">
          {{ dataList[0].enterpriseId }} {{ dataList[0].enterpriseName }}
        </div>
      </div>
      <div class="listWrap">
        <div class="leftClass">单位地址</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].address }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">成立日期</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].setDate }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">单位基本性质:</div>
        <div class="middleClass"></div>
        <div class="rightClass">
          <span v-if="dataList[0].enterpriseKind === 0">行政（参公）</span>
          <span v-if="dataList[0].enterpriseKind === 1">事业单位</span>
          <span v-if="dataList[0].enterpriseKind === 2">群众群体</span>
        </div>
      </div>
      <div class="listWrap">
        <div class="leftClass">单位负责人:</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].enterLeader }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">上级主管部门:</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].managerDept }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass" style="flex:4">
          <div>清查小组负责人:</div>
          <div class="specialClass">联系电话:{{ dataList[0].checkPhone }}</div>
          <div class="specialClass">
            手机号码:{{ dataList[0].checkMobilePhone }}
          </div>
        </div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].checkLeader }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass" style="flex:4">
          <div>财务负责人:</div>
          <div class="specialClass">
            联系电话:{{ dataList[0].financePhone }}
          </div>
          <div class="specialClass">
            手机号码:{{ dataList[0].financeMobilePhone }}
          </div>
        </div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].financeLeader }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass" style="flex:4">
          <div>资产云系统分管领导:</div>
          <div class="specialClass">联系电话:{{ dataList[0].assetPhone }}</div>
          <div class="specialClass">
            手机号码:{{ dataList[0].assetMobilePhone }}
          </div>
        </div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].assetLeader }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass" style="flex:4">
          <div>资产云系统资产管理员:</div>
          <div class="specialClass">
            联系电话:{{ dataList[0].assetAdminPhone }}
          </div>
          <div class="specialClass">
            手机号码:{{ dataList[0].assetAdminMobilePhone }}
          </div>
        </div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].assetAdmin }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass" style="flex:4">
          <div>资产云系统财务管理员:</div>
          <div class="specialClass">
            联系电话:{{ dataList[0].assetFinancePhone }}
          </div>
          <div class="specialClass">
            手机号码:{{ dataList[0].assetFinanceMobilePhone }}
          </div>
        </div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].assetFinance }}</div>
      </div>
    </div>
    <div class="container">
      <div class="listWrap">
        <div class="leftClass">人员情况</div>
      </div>
      <div class="listWrap">
        <div class="leftClass" style="flex:4">
          <div>定编人数(行政、事业编制):</div>
          <div class="specialClass">行政编制</div>
          <div class="specialClass">事业编制</div>
          <div class="specialClass">共计</div>
        </div>
        <div class="middleClass"></div>
        <div class="rightClass">
          <div style="color: #fff;">无</div>
          <div class="specialClass">{{ dataList[0].staffAdmin }}人</div>
          <div class="specialClass">{{ dataList[0].staffGov }}人</div>
          <div class="specialClass">{{ dataList[0].staffTotal }}人</div>
        </div>
      </div>
      <div class="listWrap">
        <div class="leftClass" style="flex:4">
          <div>在职人数(行政、事业编制):</div>
          <div class="specialClass">行政编制</div>
          <div class="specialClass">事业编制</div>
          <div class="specialClass">共计</div>
        </div>
        <div class="middleClass"></div>
        <div class="rightClass">
          <div style="color: #fff;">无</div>
          <div class="specialClass">{{ dataList[0].employAdmin }}人</div>
          <div class="specialClass">{{ dataList[0].employGov }}人</div>
          <div class="specialClass">{{ dataList[0].employTotal }}人</div>
        </div>
      </div>
      <div class="listWrap">
        <div class="leftClass" style="flex:4">
          <div>合同工人数(市编办批准):</div>
          <div class="specialClass">共计</div>
          <div class="specialClass">其中:技术管理岗位</div>
        </div>
        <div class="middleClass"></div>
        <div class="rightClass">
          <div style="color: #fff;">无</div>
          <div class="specialClass">{{ dataList[0].contractTotal }}人</div>
          <div class="specialClass">{{ dataList[0].contractTech }}人</div>
        </div>
      </div>
      <div class="listWrap">
        <div class="leftClass" style="flex:4">
          <div>临时及借用人员:</div>
          <div class="specialClass">共计</div>
        </div>
        <div class="middleClass"></div>
        <div class="rightClass">
          <div style="color: #fff;">无</div>
          <div class="specialClass">{{ dataList[0].tempTotal }}人</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
/*eslint-disable*/
export default {
  props: {
    dataList: {
      type: Array,

      default: () => {
        return [];
      },
    },
  },
};
</script>
<style scoped lang="less">
.header {
  text-align: center;
  text-align: center;
  font-size: 16px;
  margin-top: 5px;
}

.dateTitle {
  margin-top: 8px;
  font-size: 13px;
  color: gray;
}

.container {
  margin-top: 5px;
  padding: 5px 10px;
  background: #fff;
  margin: 8px 0px;

  .listWrap {
    display: flex;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px solid #e0d9d9;
    padding: 10px 0px;
    align-items: center;

    .leftClass {
      flex: 1;
      text-align: left;
    }

    .middleClass {
      flex: 1.1;
    }

    .rightClass {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      flex: 2;
      text-align: right;
      padding-right: 5px;
      line-height: 25px;
    }
  }
}

.specialClass {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
}
</style>
